html, body {
    position: relative;
    height: 100%;
}
body {
    background: #eee;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 14px;
    color:#000;
    margin: 0;
    padding: 0;
}
.swiper-container {
    width: 100%;
    height: 100%;
}
/*背景音乐区域*/
#bgm{
	position: absolute;
	top: 5%;
	right: 8%;
	z-index: 200;
	width: 40px;
	height: 40px;
	background: url(../image/music_off.png) no-repeat;
	background-size: contain;
}
.music{
	animation: rotate 2s linear infinite;
	-webkit-animation: rotate 2s linear infinite;
}
@keyframes rotate{
	from{
		transform: rotate(0deg);
	}
	to{
		transform: rotate(360deg);
	}
}
/*背景音乐区域结束*/

/*第一屏*/
.swiper-slide.page1{
	background: url(../image/page1_bg.jpg) no-repeat;
	background-size: cover;	
}
.swiper-slide.page1 img{
	width: 25%;
	display: block;
	margin: 35% auto 16%;
}
.swiper-slide.page1 p{
	font-weight: bold;
	text-align: center;
	font-size: 8vw;
	font-family: 'Microsoft Yahei',Tahoma,Helvetica,Arial,sans-serif;
	margin-top: -5%;
	color: rgb(136, 136, 136);
}
/*第一屏结束*/

/*第二屏*/
.swiper-slide.page2{
	background: url(../image/page2_bg.jpg) no-repeat;
	background-size: cover;	
}
.swiper-slide.page2 .p2_01{
	width: 60%;
	position: absolute;
	top: 15%;
	left: 20%;
	background: rgba(0, 0, 0, 0.298039);
}
.swiper-slide.page2 .p2_box{
	width: 50%;
	height: 30%;
	position: absolute;
	left: 25%;
	top: 17%;
	overflow: hidden;
}
.swiper-slide.page2 .p2_box img{
	width: 100%;
	margin-top: -20%;
}
.swiper-slide.page2 .p2_box2{
	width: 80%;
	height: 10%;
	position: absolute;
	left: 10%;
	bottom: 24%;
	background: rgba(0, 0, 0, 0.298039);
}
.swiper-slide.page2 .p2_box2 p{
	font-family: 'Microsoft Yahei',Tahoma,Helvetica,Arial,sans-serif;
	text-align: center;
	color: #fff;
	font-weight: bold;
	margin: 4% 4%;
	font-size: 4vw;
}
/*第二屏结束*/

/*第三屏*/
.swiper-slide.page3{
	background: url(../image/page3_bg.jpg) no-repeat;
	background-size: cover;	
}
.swiper-slide.page3 .p3_box{
	width: 24%;
	height: 40%;
	border-radius: 30%;
	/*border: 2px solid rgb(242, 240, 240);*/
	position: absolute;
	left: 0;
	top: 8%;
	overflow: hidden;
}
.swiper-slide.page3 .p3_box2{
	width: 24%;
	height: 40%;
	border-radius: 30%;
	/*border: 2px solid rgb(242, 240, 240);*/
	position: absolute;
	left:25%;
	top: 20%;
	overflow: hidden;
}
.swiper-slide.page3 .p3_box3{
	width: 24%;
	height: 40%;
	border-radius: 30%;
	/*border: 2px solid rgb(242, 240, 240);*/
	position: absolute;
	left: 50%;
	top: 8%;
	overflow: hidden;
}
.swiper-slide.page3 .p3_box4{
	width: 24%;
	height: 40%;
	border-radius: 30%;
	/*border: 2px solid rgb(242, 240, 240);*/
	position: absolute;
	left: 75%;
	top: 20%;
	overflow: hidden;
	
}
.swiper-slide.page3 .p3_box img{
	height: 100%;
	margin-left: -37%;
}
.swiper-slide.page3 .p3_box2 img{
	height: 100%;
	margin-left: -30%;
}
.swiper-slide.page3 .p3_box3 img{
	height: 100%;
	margin-left: -25%;
}
.swiper-slide.page3 .p3_box4 img{
	height: 100%;
	margin-left: -40%;
}
.swiper-slide.page3 .p3_box5{
	width: 80%;
	height: 15%;
	position: absolute;
	left: 10%;
	bottom: 15%;
	background: rgba(176, 157, 157, 0.298039);
}
.swiper-slide.page3 .p3_box5 p{
	font-family: 'Microsoft Yahei',Tahoma,Helvetica,Arial,sans-serif;
	text-align: center;
	color: #000;
	font-weight: bold;
	margin: 4% 2% 0;
	font-size: 4vw;
}
/*第三屏结束*/

/*第四屏*/
.swiper-slide.page4{
	background: url(../image/page4_bg.jpg) no-repeat;
	background-size: cover;	
}
.swiper-slide.page4 .star{
	width: 100%;
	height: 100%;
	opacity: 0.4;
	position: absolute;
	top: 0;
	left: 0;
}
.swiper-slide.page4 .p4_box{
	width: 60%;
	height: 17%;
	position: absolute;
	left: 20%;
	top: 20%;
	overflow: hidden;
}
.swiper-slide.page4 .p4_box img{
	width: 100%;
	position: absolute;
	top: -30%;
	left: 0;
}
.swiper-slide.page4 .p4_box p{
	color: #fff;
	font-family: 'Microsoft Yahei',Tahoma,Helvetica,Arial,sans-serif;
	font-size: 8vw;
	font-weight: 300;
	margin: 0;
	position: absolute;
	z-index: 11;
}
.swiper-slide.page4 .p4_box p.date{
	margin: 6% 16%;
}
.swiper-slide.page4 .p4_box p.addr{
	margin: 25% 20%;
}
.swiper-slide.page4 .p4_box2{
	width: 60%;
	height: 17%;
	position: absolute;
	top: 37%;
	left: 20%;
	overflow: hidden;
	background: #fff;
}
.swiper-slide.page4 .p4_box2 p.brand{
	color: #000;
	font-size: 8vw;
	text-align: center;
	font-family: 'Microsoft Yahei',Tahoma,Helvetica,Arial,sans-serif;
	margin: 12% 0 0;
}
.swiper-slide.page4 .p4_box2 p.pro{
	color: #000;
	text-align: center;
	font-family: 'Microsoft Yahei',Tahoma,Helvetica,Arial,sans-serif;
	font-size: 4vw;
	margin: 3% 0;
}
.swiper-slide.page4 .p4_border1{
	width: 20%;
	height: 34%;
	position: absolute;
	left: 10%;
	top: 20%;
	overflow: hidden;
	z-index: 111;
}
.swiper-slide.page4 .p4_border1 img{
	width: 100%;
	margin-top: -50%;
}
.swiper-slide.page4 .p4_border2{
	width: 20%;
	height: 34%;
	position: absolute;
	right: 10%;
	top: 20%;
	overflow: hidden;
	z-index: 111;
}
.swiper-slide.page4 .p4_border2 img{
	width: 100%;
	margin-top: -50%;
}
.swiper-slide.page4 .p4_border3{
	width: 60%;
	height: 10%;
	position: absolute;
	left: 20%;
	top: 15%;
	overflow: hidden;
	z-index: 111;
}
.swiper-slide.page4 .p4_border3 img{
	height: 100%;
	margin-left: -50%;
}
.swiper-slide.page4 .p4_border4{
	width: 60%;
	height: 10%;
	position: absolute;
	left: 20%;
	top: 32%;
	overflow: hidden;
	z-index: 111;
}
.swiper-slide.page4 .p4_border4 img{
	height: 100%;
	margin-left: -50%;
}
.swiper-slide.page4 .p4_border5{
	width: 60%;
	height: 10%;
	position: absolute;
	left: 20%;
	top: 49%;
	overflow: hidden;
	z-index: 111;
}
.swiper-slide.page4 .p4_border5 img{
	height: 100%;
	margin-left: -50%;
}
/*第四屏结束*/

/*第五屏*/
.swiper-slide.page5{
	background: #fff;
}
.swiper-slide.page5 .p5_box{
	position: absolute;
	left: 0;
	bottom: 7%;
	width: 59%;
	height: 54%;
	overflow: hidden;
}
.swiper-slide.page5 .p5_box img{
	height: 100%;
}
.swiper-slide.page5 .p5_box2{
	position: absolute;
	left: 0;
	bottom: 7%;
	width: 79%;
	height: 67%;
	overflow: hidden;
}
.swiper-slide.page5 .p5_box2 img{
	height: 100%;
}
.swiper-slide.page5 .p5_box3{
	position: absolute;
	left: 0;
	bottom: 7%;
	width: 90%;
	height: 76%;
	overflow: hidden;
}
.swiper-slide.page5 .p5_box3 img{
	height: 100%;
}
.swiper-slide.page5 .p5_box4{
	position: absolute;
	left: 0;
	bottom: 7%;
	width: 100%;
	height: 87%;
	overflow: hidden;
}
.swiper-slide.page5 .p5_box4 img{
	height: 100%;
}
.swiper-slide.page5 .p5_box5{
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.639216);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}
.swiper-slide.page5 .p5_box6{
	width: 100%;
	height: 5%;
	position: absolute;
	top: 55%;
	z-index: 3;
}
.swiper-slide.page5 .p5_box6 p{
	font-family: weiruanyahei;
	font-weight: 300;
	color: #fff;
	font-size: 8vw;
	text-align: center;
	margin: 0;
}
.swiper-slide.page5 .p5_box7{
	width: 100%;
	height: 14%;
	position: absolute;
	top: 39%;
	z-index: 3;
}
.swiper-slide.page5 .p5_box7 img{
	width: 86%;
	margin: 0 7%;
}
/*第五屏结束*/

/*第六屏*/
.swiper-slide.page6{
	background: #000;
}
.swiper-slide.page6 .p6_box{
	width: 100%;
	height: 90%;
	position: absolute;
	top: 5%;
}
.swiper-slide.page6 .p6_box img{
	height: 100%;
	width: 140%;
	position: absolute;
	left: -20%;
}
.swiper-slide.page6 .p6_box2{
	width: 100%;
	height: 90%;
	position: absolute;
	top: 4%;
}
.swiper-slide.page6 .p6_box2 img{
	height: 100%;
	width: 140%;
	position: absolute;
	left: -20%;
}
.swiper-slide.page6 .p6_box3{
	position: absolute;
	top: 37%;
	left: 38%;
	width: 24%;
	height: 14%;
}
.swiper-slide.page6 .p6_box3 img{
	width: 100%;
}
.swiper-slide.page6 .p6_box4{
	width: 70%;
	height: 40%;
	background: rgba(0, 0, 0, 0.498039);
	border-radius: 50%;
	position: absolute;
	top: 25%;
	left: 15%;
}
.swiper-slide.page6 .p6_box4 img{
	width: 90%;
	height: 30%;
	position: absolute;
	top: 40%;
	left: 5%;
}
.swiper-slide.page6 .p6_box4 p.menu{
	font-family: 'Microsoft Yahei',Tahoma,Helvetica,Arial,sans-serif;
	text-align: center;
	color: #FFFFFF;
	font-size: 8vw;
	font-weight: 300;
	margin: 0;
	position: absolute;
	top: 38%;
	left: 22%;
}
.swiper-slide.page6 .p6_box4 p.tem{
	font-family: 'Microsoft Yahei',Tahoma,Helvetica,Arial,sans-serif;
	text-align: center;
	font-weight: 300;
	font-size: 5vw;
	margin: 0;
	position: absolute;
	top: 60%;
	left: 20%;
	color: #fff;
}
/*第六屏结束*/

/*第七屏*/
.swiper-slide.page7{
	background: url(../image/page7_bg.gif) no-repeat;
	background-size: cover;	
}
.swiper-slide.page7 .content{
	color: #FFFFFF;
	font-family: 'Microsoft Yahei',Tahoma,Helvetica,Arial,sans-serif;
	font-weight: 300;
	position: absolute;
	top: 13%;
	left: 12%;
	font-size: 5vw;
	margin: 0;
}
.swiper-slide.page7 .content span{
	font-size: 8vw;
}
.swiper-slide.page7 .line{
	width: 80%;
	height: 10%;
	position: absolute;
	top: 16%;
	left: 12%;
}
.swiper-slide.page7 .line img{
	width: 100%;
}
.swiper-slide.page7 .p7_box{
	width: 14%;
	height: 8%;
	position: absolute;
	left: 10%;
	bottom: 44%;
	background: rgba(0, 0, 0, 0.298039);
}
.swiper-slide.page7 .p7_box img{
	width: 100%;
}
.swiper-slide.page7 .p7_box2{
	width: 14%;
	height: 8%;
	position: absolute;
	left: 10%;
	bottom: 35%;
	background: rgba(0, 0, 0, 0.298039);
}
.swiper-slide.page7 .p7_box2 img{
	width: 100%;
}
.swiper-slide.page7 .p7_box3{
	width: 14%;
	height: 8%;
	position: absolute;
	left: 10%;
	bottom: 26%;
	background: rgba(0, 0, 0, 0.298039);
}
.swiper-slide.page7 .p7_box3 img{
	width: 100%;
}
.swiper-slide.page7 .p7_box4{
	width: 14%;
	height: 8%;
	position: absolute;
	left: 10%;
	bottom: 17%;
	background: rgba(0, 0, 0, 0.298039);
}
.swiper-slide.page7 .p7_box4 img{
	width: 100%;
}
.swiper-slide.page7 .p7_box5{
	height: 8%;
	width: 60%;
	position: absolute;
	bottom: 44%;
	left: 25%;
	background: rgba(0, 0, 0, 0.298039);
}
.swiper-slide.page7 div p{
	color: #FFFFFF;
	font-family: 'Microsoft Yahei',Tahoma,Helvetica,Arial,sans-serif;
	font-weight: 300;
	text-align: left;
	font-size: 5vw;
	text-indent: 1em;
}
.swiper-slide.page7 .p7_box6{
	height: 8%;
	width: 60%;
	position: absolute;
	bottom: 35%;
	left: 25%;
	background: rgba(0, 0, 0, 0.298039);
}
.swiper-slide.page7 .p7_box7{
	height: 8%;
	width: 60%;
	position: absolute;
	bottom: 26%;
	left: 25%;
	background: rgba(0, 0, 0, 0.298039);
}
.swiper-slide.page7 .p7_box8{
	height: 8%;
	width: 60%;
	position: absolute;
	bottom: 17%;
	left: 25%;
	background: rgba(0, 0, 0, 0.298039);
}
/*第七屏结束*/







































